<template>
	<view class="editbox">
		<uni-forms ref="baseForm" :modelValue="baseFormData" label-position="top" label-width="100">
			<uni-forms-item label="火车票号">
				<uni-easyinput v-model="baseFormData.name" placeholder="请填写火车票号"/>
			</uni-forms-item>
			<uni-forms-item label="乘车日期">
				<uni-datetime-picker type="datetime" :clear-icon="false" return-type="timestamp" v-model="baseFormData.datetimesingle"/>
				<uni-icons type="right" size="18" color="#999" class="unicon"></uni-icons>
			</uni-forms-item>
			<uni-forms-item label="乘车人姓名">
				<uni-easyinput v-model="baseFormData.age" placeholder="请填写乘车人姓名"/>
			</uni-forms-item>
			<uni-forms-item label="座位类型">
				<uni-data-picker placeholder="请选择座位类型" popup-title="请选择座位类型" :localdata="dataTree" v-model="baseFormData.type"
					@change="onchange" @nodeclick="onnodeclick" @popupopened="onpopupopened" @popupclosed="onpopupclosed">
				</uni-data-picker>
			</uni-forms-item>
			<uni-forms-item label="出发地">
				<uni-data-picker placeholder="请选择座位类型" popup-title="请选择座位类型" :localdata="dataTree" v-model="baseFormData.type"
					@change="onchange" @nodeclick="onnodeclick" @popupopened="onpopupopened" @popupclosed="onpopupclosed">
				</uni-data-picker>
			</uni-forms-item>
			<uni-forms-item label="到达地">
				<uni-data-picker placeholder="请选择座位类型" popup-title="请选择座位类型" :localdata="dataTree" v-model="baseFormData.type"
					@change="onchange" @nodeclick="onnodeclick" @popupopened="onpopupopened" @popupclosed="onpopupclosed">
				</uni-data-picker>
			</uni-forms-item>
			<uni-forms-item label="总金额">
				<uni-easyinput v-model="baseFormData.age" placeholder="请填写总金额"/>
			</uni-forms-item>
			
		</uni-forms>
	</view>
	<view class="handlebtnbox" @click="handleDelete">
		<view class="handlebtn">
			<text>保存</text>
		</view>
	</view>
</template>

<script setup>
import {reactive} from 'vue'
	let baseFormData = reactive({
		name: '',
		age: '',
		type:'1',
		datetimesingle: 1627529992399
		
	})
	let dataTree = reactive([])
	const onchange = () =>{
		
	}
	const onnodeclick = () =>{
		
	}
	const onpopupopened = () =>{
		
	}
	const onpopupclosed = () =>{
		
	}
</script>
<style lang="scss" scoped>
	::v-deep .placeholder{
		font-family: PingFangSC-Regular !important;
		font-weight: 400 !important;
		font-size: 28rpx !important;
		color: #666 !important;	
	}
	::v-deep .uni-easyinput__placeholder-class{
		font-family: PingFangSC-Regular !important;
		font-weight: 400 !important;
		font-size: 28rpx !important;
		color: #666 !important;
	}
	::v-deep .uni-date-x--border {
		background:#F6F7F8 !important;
	}
	::v-deep .uniui-calendar{
		display: none;
	}
	::v-deep .uni-date__x-input{
		font-family: PingFangSC-Regular !important;
		font-weight: 400 !important;
		font-size: 28rpx !important;
		padding-left:10rpx;
	}
	::v-deep .uni-date-x{
		height: 80rpx !important;
		line-height: 80rpx !important;
		background:#F6F7F8 !important;
		border-radius: 8rpx !important;
	}
	::v-deep .uni-forms-item__label{
		font-family: PingFangSC-Medium !important;
		font-weight: 500 !important;
		font-size: 28rpx !important;
		color: #333333 !important;
	}
	::v-deep .uni-forms-item{
		margin-bottom:32rpx !important;
	}
	::v-deep .is-input-border{
		height: 80rpx !important;
		line-height: 80rpx !important;
		background:#F6F7F8 !important;
		border-radius: 8rpx !important;
	}
	::v-deep .uni-easyinput__content-input{
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 28rpx;
		color: #333333;
	}
	::v-deep .input-value{
		height: 80rpx !important;
		line-height: 80rpx !important;
		background:#F6F7F8 !important;
		border-radius: 8rpx !important;
	}
	::v-deep .arrow-area{
		transform: rotate(-130deg);
	}
	.unicon{
		position:absolute;
		right:10rpx;
		top:26rpx;
	}
	.editbox{
		padding:32rpx 24rpx 180rpx;
	}
	.handlebtnbox{
		position:fixed;
		left:0;
		bottom:0;
		width:100%;
		padding:32rpx 0;
		background: #fff;
		box-shadow: 0 2rpx 20rpx 0 #d1d1d145;
		.handlebtn{
			height: 80rpx;
			line-height: 80rpx;
			margin:0 32rpx;
			text-align:center;
			background: #296DFA;
			border-radius: 40rpx;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			font-size: 32rpx;
			color: #fff;
		}
	}
</style>